<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>专家列表</title>
	<meta name="robots" content="all" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<link rel="stylesheet" href="../css/common/common.css">
	<link rel="stylesheet" type="text/css" href="../css/component/component.css">
	<link rel="stylesheet" href="../css/order-expert.css">
</head>
<body>
	<div class="wrapper" id="wrapper">
		<clinic-head></clinic-head>
		<div class="content">
			<div class="contentLeft">
				<div class="searchDoctor">
					<input type="text" placeholder="找医生，快速搜索对应医生">
					<span>搜索</span>
				</div>
				<div class="screenBox">
					<div class="screenList">
						<div class="screenName">出诊日期</div>
						<div class="screenDateLest">
							<ul class="screenDateLestBox" id="screenDateLestBox">
							<!--标签选中后的样式screenActive-->
								<li><a href="javascript:;" class="screenActive">03/51（周一）</a></li>
								<li><a href="javascript:;">03/52（周一）</a></li>
								<li><a href="javascript:;">03/53（周一）</a></li>
								<li><a href="javascript:;">03/54（周一）</a></li>
								<li><a href="javascript:;">03/55（周一）</a></li>
								<li><a href="javascript:;">03/56（周一）</a></li>
								<li><a href="javascript:;">03/57（周一）</a></li>
								<li><a href="javascript:;">03/58（周一）</a></li>
							</ul>
							<div class="moreBtn" maxHeight="maxHeight" id="moreBtn_date" @click='moreLists("moreBtn_date","screenDateLestBox")'>更多</div>
						</div>
					</div>
					<div class="screenList">
						<div class="screenName">疾病检索</div>
						<div class="disease">
							<ul class="diseaseBox" id="diseaseBox">
							<!--标签选中后的样式screenActive-->
								<li><a href="javascript:;" class="screenActive">内分泌科</a></li>
								<li><a href="javascript:;">普通内科</a></li>
								<li><a href="javascript:;">中医科</a></li>
								<li><a href="javascript:;">内科</a></li>
								<li><a href="javascript:;">中医内科</a></li>
								<li><a href="javascript:;">老年病科</a></li>
								<li><a href="javascript:;">小二内分泌科</a></li>
								<li><a href="javascript:;">营养科</a></li>
								<li><a href="javascript:;">儿科</a></li>
								<li><a href="javascript:;">肾内科</a></li>
							</ul>
						</div>
					</div>
					<div class="screenList">
						<div class="screenName">科室筛选</div>
						<div class="department">
							<ul class="departmentBox" id="departmentBox">
							<!--标签选中后的样式screenActive-->
								<li><a href="javascript:;" class="screenActive">内分泌科</a></li>
								<li><a href="javascript:;">普通内科</a></li>
								<li><a href="javascript:;">中医科</a></li>
								<li><a href="javascript:;">内科</a></li>
								<li><a href="javascript:;">中医内科</a></li>
								<li><a href="javascript:;">老年病科</a></li>
								<li><a href="javascript:;">小二内分泌科</a></li>
								<li><a href="javascript:;">营养科</a></li>
								<li><a href="javascript:;">儿科</a></li>
								<li><a href="javascript:;">胸外科</a></li>
								<li><a href="javascript:;">急诊科</a></li>
								<li><a href="javascript:;">小肠科</a></li>
							</ul>
							<div class="moreBtn" maxHeight="maxHeight" id="moreBtn_department" @click='moreLists("moreBtn_department","departmentBox")'>更多</div>
						</div>
					</div>
					<div class="screenList jobTitle">
						<div class="screenName">职称筛选</div>
						<div class="disease">
							<ul class="diseaseBox" id="departmentBox">
							<!--标签选中后的样式screenActive-->
								<li><a href="javascript:;">主任医师</a></li>
								<li><a href="javascript:;">副主任医师</a></li>
								<li><a href="javascript:;">主治医师</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="selectedCondition">
					<div class="selectedName">筛选条件：</div>
					<div class="conditionBox">
						<a href="javascript:;" class="conditionList">
							<span>主任医师</span>
							<i></i>
						</a>
						<a href="javascript:;" class="conditionList">
							<span>主任医师</span>
							<i></i>
						</a>
					</div>
				</div>
				<div class="screenResultBox">
					<!--****没有结果提示*****-->
					<p class="noResult">未搜索到相关结果</p>
					<div class="expertList">
						<h1 class="expertPic"><img src="../image/doctor.png"></h1>
						<div class="expertInformation">
							<h1><b>宋冬雷</b><span>外科-主任医师</span></h1>
							<p>上海瑞金医院</p>
							<div>￥<i>500</i></div>
						</div>
						<div class="expertBeGoodAt">
							<b>擅长：</b>
							<span>脑动脉瘤、脑血管畸形、硬脑膜动静脉瘘、外伤性海绵窦动静脉瘘、脊髓血管畸形、颈动脉狭窄、颅内动脉狭窄、脑缺血梗塞的外科治疗。</span>
						</div>
						<div class="appointmentBtn">立即预约</div>
					</div>
					<div class="expertList">
						<h1 class="expertPic"><img src="../image/doctor.png"></h1>
						<div class="expertInformation">
							<h1><b>宋冬雷</b><span>外科-主任医师</span></h1>
							<p>上海瑞金医院</p>
							<div>￥<i>500</i></div>
						</div>
						<div class="expertBeGoodAt">
							<b>擅长：</b>
							<span>脑动脉瘤、脑血管畸形、硬脑膜动静脉瘘、外伤性海绵窦动静脉瘘、脊髓血管畸形、颈动脉狭窄、颅内动脉狭窄、脑缺血梗塞的外科治疗。</span>
						</div>
						<div class="appointmentBtn">立即预约</div>
					</div>
					<clinic-page></clinic-page>
				</div>
			</div>
			<clinic-process></clinic-process>
		</div>
		<!--标准底部-->
        <clinic-foot></clinic-foot>
		<!--右边导航栏-->
        <clinic-right></clinic-right>
	</div>
	<script type="text/javascript" src="../js/public/common.js"></script>
	<script type="text/javascript" src="../lib/vue.min.js"></script>
	<script type="text/javascript" src="../lib/vue-resource.min.js"></script>
	<script type="text/javascript" src="../js/component/component.js"></script>
	<script type="text/javascript" src="../js/order-expert.js"></script>
</body>
</html>